<template>
  <div
    style="
      position: absolute;
      right: 0;
      top: 0;
      width: 200px;
      height: 400px;
      background-color: #f9f9f9;
    "
    class="border-none"
  >
    <div
      style="height: 40px; width: 100%; padding-left: 10px"
      class="sc-display border-none"
    >
      <span class="font20e">热搜榜单</span>
    </div>
    <div
      style="height: 40px; width: 100%; background-color: #eee"
      class="sc-display border-none"
    >
      <SelectedItem msg="SelectedItem" />
    </div>
    <div style="height: 320px; width: 100%">
      <div
        href="javascript:void(0);"
        style="
          width: 100%;
          height: 35px;
          position: relative;
          border-bottom: 1px solid #eee;
          border-right: 10px solid #f9f9f9;
          border-left: 10px solid #f9f9f9;
        "
        class="sc-display border-none"
      >
        <a
          ><span class="font14f">1&nbsp;&nbsp;</span
          ><span class="font14c">赵老师第一讲</span></a
        >
        <img
          src="/components/divblocks/img/gripfire.png"
          style="
            position: absolute;
            right: 0;
            top: 10px;
            width: 12px;
            height: 15px;
          "
        />
      </div>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import SelectedItem from "./SelectedItem.vue";

export default {
  name: "FireOrder",
  components: {
    SelectedItem
  },
  data() {
    return {};
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.el-main {
  padding: 0;
}
</style>
